<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>VIP认证</title>
    <script src="__JS__/ios-web-app.js"></script>
    <style>
         
        .pay>div{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: .1rem  0;
        }
        .shandui{
            padding: 0;
        }
        .shandui > div{
            width: 90%;
            margin-top: 0;
        }
        .img_box{
            margin: 0;
        }
        .change_content{
            background: #fff;
        }
        .normal_header{
            border: none;
        }
    </style>
</head>

<body style="padding-top: 38px">
    <header class="normal_header" style="">
        <div class="header_pic">
            <a href="{:U('Index/index')}"><img src="/Public/Home/images/ex/arrow-left.png" alt="" style="width:.5rem"></a>
        </div>
        <!--<div style="float: right;">-->
            <!--<a href="{:U('duihuan/history')}" >记录</a>-->
        <!--</div>-->
    </header>
    <section class="change_content">

        <div class="shandui" style="background:#fff;margin:0">
            
                <h1 style="padding:.3rem .3rem  .7rem;font-size:.7rem;   border-bottom:10px solid #F1F3F4;">VIP certification</h3>
            <div class="pay">
                <div>
                 <span><strong>VIP certification</strong></span>
                  <span >Number reached {$viprz}</span>
                </div>
                <div>
                    <span>Select currency</span>
                    <span >Available assets</span>
                </div>

            </div>
    
            <div  style="  display: flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #F1F3F4; padding: .2rem 0;">
            
            <div  style="  display: flex;align-items: center;justify-content:flex-start">

                <div class="img_box">
                    <img src="/Public/Home/images/ex/zn_40.png" id="sweet" alt="" style="display: inline">
                    <img src="/Public/Home/images/ex/exlogo1.png" id="dacm" alt="" >
                    <img src="/Public/Home/images/ex/USDT.png" id="usdt" alt="">
                </div>
                <select id="from" v-model="selected" style="padding-left:.1rem;width:1.7rem">
                    <!--<option value="1">SWEET</option>-->
                    <option value="2">DACM</option>
                    <!--<option value="8">USDT</option>-->
                </select>
                                
            </div>
                    <!--<input type="text" placeholder="数量默认为1" id="from_num" value="">-->
                      <span>{$zc}</span>

              
            </div>
            
            
                <div style="display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #F1F3F4; padding: .2rem 0;">
                    <div style="display:flex;align-items:center;">
                    <span>Number</span>
                    <span style="padding-left:.2rem; color:#EC1C24;">
                        <input type="text" placeholder="Please input num" id="from_num" value="">
                        <!--                    <span>枚</span>-->
                        <!--<span id="balance">{$UserInfo.z1}</span>&nbsp;-->
                        <!--<span id="coinname">SWEET</span>-->
                    </span>
                                            
                    </div>
                    <!--<div style="display:flex;align-items:center;">-->
                    <!--      <span style="float: right;" class="shandui_btn all">全部</span>-->
                    <!--</div>-->

                </div>


                <div style="display:flex;align-items:center;border-bottom: 1px solid #F1F3F4; padding: .2rem 0;">
                    <span>Password</span>
                    <span style="padding:0 .1rem;color:#EC1C24;">
                        <input type="text" placeholder="Please input password" id="password" value="">
                    </span>

                </div>
                
                <div class="detail_footer" style="margin-top:.2rem">
                        <p style="padding:0;">
                            <img src="/Public/Home/images/ex/circleh.png" style="circleh.png" alt="" />
                            <span style="color:#9A9A9A">VIP certification can improve credit limit and grade rights and interests</span>  
                        </p>
                        <p style="padding:0;">
                            <img src="/Public/Home/images/ex/circleh.png" style="circleh.png" alt="" />
                            <span style="color:#9A9A9A">After VIP authentication, the 'digital value' is your credit record accumulated by trading or digital assets in HBK in the past three natural months</span>   
                        </p>
                </div>

            </div>
      

        </div>
        <button class="sure" onclick="func()" style="margin-top:1rem;">Confirm</button>

<!--        <p class="fee">手续费：<span style="color: red">0%</span></p>-->
<!--        <ul class="mrecord">-->
<!--            <li>-->
<!--                <span>全部</span>-->
<!--                <span>数量</span>-->
<!--                <span>状态</span>-->
<!--            </li>-->
<!--            <volist name="exchange_list" id="vo">-->
<!--                <li>-->
<!--                    <span>-->
<!--                        <if condition="$vo.from_coin eq 1">-->
<!--                            EXUU/USDT-->
<!--                            <else />-->
<!--                            USDT/EXUU-->
<!--                        </if>-->
<!--                    </span>-->
<!--                    <span>{$vo.from_coin_num}/{$vo.to_exchange_num}</span>-->
<!--                    <div>-->
<!--                        <if condition="$vo.status eq 0">-->
<!--                            <span class="status">待审</span>-->
<!--                            <elseif condition="$vo.status eq 2"/>-->
<!--                            <span class="tongguo">通过</span>-->
<!--                            <else />-->
<!--                            <span class="bohui">驳回</span>-->
<!--                        </if>-->

<!--                    </div>-->
<!--                    </li>-->
<!--            </volist>-->
<!--        </ul>-->
    </section>
<!--    sweet兑换dacm-->
    <input type="hidden" id="p1" value="{$config.p1}">
<!--    usdt兑换sweet-->
    <input type="hidden" id="p2" value="{$config.p2}">
<!--    dacm兑换usdt-->
    <input type="hidden" id="p3" value="{$config.p3}">
    <input type="hidden" id="p4" value="{$config.p4}">
    <input type="hidden" id="p5" value="{$config.p5}">
    <input type="hidden" id="p6" value="{$config.p6}">
    <input type="hidden" id="fee1" value="{$config.fee1}">
    <input type="hidden" id="fee2" value="{$config.fee2}">
    <input type="hidden" id="fee3" value="{$config.fee3}">
    <input type="hidden" id="fee4" value="{$config.fee4}">
    <input type="hidden" id="fee5" value="{$config.fee5}">
    <input type="hidden" id="fee6" value="{$config.fee6}">
    <input type="hidden" id="z1" value="{$UserInfo.z1}">
    <input type="hidden" id="z2" value="{$UserInfo.z2}">
    <input type="hidden" id="z8" value="{$UserInfo.z8}">
    <input type="hidden" id="exchange_least" value="{$config.exchange_least}">
    <style>
        .normal_header{
            display: block;
        }
        .normal_header div, .normal_header p, .normal_header a{
            display: inline-block;
            color: #fff
        }
        .mrecord{
            margin-top: .4rem;
        }
        .mrecord li {
            padding: 0 .2rem;
            box-sizing: border-box;
        }
        .mrecord li span:first-child{
            width: 3rem;
        }
        .mrecord li span.status{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: #06b57a;
            color: #fff;
            border-radius: .08rem;
        }
        .detail_footer p{
            border: none !important;
        }
        .detail_footer p{
            display: flex;
            align-items: flex-start;
            justify-content:flex-start;
        }
        .detail_footer img{
            width: .2rem;
            margin: 0 .1rem;
            padding: .1rem 0;
        }

        .mrecord li span.tongguo{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: deepskyblue;
            color: #fff;
            border-radius: .08rem;
        }
        .mrecord li span.bohui{
            display: inline-block;
            width: 1.5rem;
            text-align: center;
            line-height: .6rem;
            background-color: red;
            color: #fff;
            border-radius: .08rem;
        }
        .from ,.to{
            line-height: .6rem;
            background-color: #fff;
            padding-left: .2rem;
            margin-bottom: .2rem;
        }
        .sure{
            width: 6.32rem;
            margin: .4rem auto 0;
            line-height: .88rem;
            border-radius: 25px;
            text-align: center;
            color: #fff;
            background-color:#EC1C24;
            display: block;
        }
        .axz{
            position: relative;
            display: inline-block;
        }
        .axz span{
            position: absolute;
            top: 0;
            /*right: .2rem;*/
            display: inline-block;
            line-height: .6rem;
        }
        .jiage,.fee{
            text-align: center;
            margin-top: .3rem;
            line-height: .4rem;
        }

        .shandui{
            display: block;
        }
        .shandui > div{
            margin: 0 auto;
        }
        .shandui h3{
            padding-bottom: .2rem;
            margin-bottom: .2rem;
            border-bottom: 1px solid #F1F3F4;
        }
        .shandui p{
            padding-top: .2rem;
            margin-top: .2rem;
            border-top: 1px solid #F1F3F4;
        }
        .pay,.transfer{
            background: #fff;
            width: 90% !important;
            padding:0rem .2rem;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
        .pay>div{
            border-bottom: 1px solid #F1F3F4;
            padding: .2rem 0;
        }
        ul>li{
                list-style: inside;
                color: #999;
        }
        .shandui select{
            margin: 0;
            -webkit-appearance: none;
            background: url(/Public/Home/images/ex/down.png) no-repeat scroll right center transparent;
            background-size: 20% 70%;
        }
        #from,#to{
            width: 2rem;
            /*margin-left: .5rem;*/
        }
        .shandui_btn{
            background:#EC1C24;
            color: #fff;
            border-radius:25px;
            padding:.05rem .25rem;
            margin-left: .3rem;
        }
        .transfer p{
            margin: .1rem 0;
            line-height: .4rem;
        }
    </style>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    
    <script>
        function func(){
            if($("#from_num").val()==''){
                alert('请输入数量');return false;
            }
            if(isNaN($("#from_num").val())){
                alert('数字不合法');return false;
            }
            if($("#password").val()==''){
                alert('请输入密码');return false;
            }
            $.ajax({
                type:"post",
                dataType: "json",
                url:"{:U('User/certification')}",
                data:{
                    from_num:$("#from_num").val(),
                    password:$("#password").val(),
                },
                success:function (data) {
                    if(data.code>0){
                        alert(data.message);
                        location.href="{:U('User/certification_success')}"
                    }else {
                        alert(data.message);
                    }
                }

            })
        }
    </script>
</body>

</html>